<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
  <meta name="format-detection" content="telephone=no,email=no,address=no">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<script>
	!function(e,i){var t=e.documentElement,n=navigator.userAgent.match(/iphone|ipod|ipad/gi),a=n?Math.min(i.devicePixelRatio,3):1,m="orientationchange"in window?"orientationchange":"resize";t.dataset.dpr=a;for(var d,l,c=!1,o=e.getElementsByTagName("meta"),r=0;r<o.length;r++)l=o[r],"viewport"==l.name&&(c=!0,d=l);if(c)d.content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no";else{var o=e.createElement("meta");o.name="viewport",o.content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no",t.firstElementChild.appendChild(o)}var s=function(){var e=t.clientWidth;e/a>640&&(e=640*a),window.remScale=e/640,t.style.fontSize=100*(e/750)+"px"};s(),e.addEventListener&&i.addEventListener(m,s,!1)}(document,window);
		window.onload=function(){
			var eObj=document.getElementById("refreshed");
			if(eObj.value==="no"){
				eObj.value="yes";
			}else{
				// eObj.value="no";
				location.reload();
			}
		};

	</script>
	<title></title>

	<style>
	body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div {
		margin:0;
		padding:0;
		border:0
	}
	html, body {
		height: 100%;
		min-height: 100%;
	}
	ul,ol {
		list-style-type:none
	}
	select,input,img,select {
		vertical-align:middle
	}
	input {
		font-size:12px
	}
	a {
		text-decoration:none;
		color:#000
	}
	a:hover {
		color:#c00;
		text-decoration:none
	}
	.clear {
		clear:both
	}
	body {
	  color:#333;
		font-size:12px;
		font-family:"Microsoft YaHei";
		width:100%;
		position:relative;
		background:#fff3d7 url('//static.adbaitai.com/game/bg2.png') no-repeat -0.4rem center;
		background-size:contain;
	}
	.bgcontainer {
		height:100%;
		width:100%;
	}
	.bgcontainer .top-banner {
		width:100%;
		height:2.68rem;
	}
	.bgcontainer .top-banner > img {
		width:100%;
		height:100%;
	}
	.top-count-title {
	  text-align: center;
	}
	.top-count-title p {
	  height:25px;
	  line-height: 25px;
	  font-size: 0.27rem;
	  display: inline-block;
	  border-radius: 15px;
	  border: 1px solid;
	  border-color: #ca2f00;
	  color:#ca2f00;
	  margin: 0.1rem auto 0.3rem;
	  padding: 0 0.3rem;
	  text-shadow: 0 0 0.05rem #ca2f00;
	  box-shadow: 0 0 5px rgba(254,46,139,.75);
	}
	.banner {
		display:block;
		/*width:90%;*/
		position:relative;
		margin:0 auto;
	}
	.banner .turnplate {
		display:block;
		width:100%;
		position:relative;
		top:15%;
		overflow: hidden;
	}
	.banner .turnplate canvas.item {
		width:100%
	}
	.banner .turnplate img.pointer {
		position:absolute;
		width:32.5%;
		height:33.5%;
		left:33.7%;
		top:32.7%;
		z-index: 2;
	}
	.canvasRotate {
		animation:canvasRo 60s infinite;
		-webkit-animation:canvasRo 60s infinite
	}
	@keyframes canvasRo {
		0% {
		transform:rotate(0)
	}
	100% {
		transform:rotate(720deg)
	}
	}@-webkit-keyframes canvasRo {
		0% {
		transform:rotate(0)
	}
	100% {
		transform:rotate(360deg)
	}
	}@keyframes checkImg {
		from {
		background-image:url('//static.adbaitai.com/game/dzp/gameBorder1.png')
	}
	to {
		background-image:url('//static.adbaitai.com/game/dzp/gameBorder2.png')
	}
	}@-webkit-keyframes checkImg {
		from {
		background-image:url('//static.adbaitai.com/game/dzp/gameBorder1.png')
	}
	to {
		background-image:url('//static.adbaitai.com/game/dzp/gameBorder2.png')
	}
	}@keyframes showHead {
		from {
		opacity:1
	}
	to {
		opacity:0
	}
	}@-webkit-keyframes showHead {
		from {
		opacity:1
	}
	to {
		opacity:0
	}
	}#bottomSmallLink {
		color:#468df7;
		display:block;
		font-size:14px;
		margin:10px auto 10px;
		text-align:center
	}
	#turnplateBox {
	  border-radius: 50%;
		width: 6.75rem;
		height:6.75rem;
		margin: 0 auto;
		background:url('//static.adbaitai.com/game/Theme/One/radius-2.png')no-repeat center/100% 100%, #f84d00;
	}
	#turnplateBox.toggle {
	  background:url('//static.adbaitai.com/game/Theme/One/radius-1.png')no-repeat center/100% 100%, #f84d00;
	}
	#circle {
		width: 6.3rem;
		height: 6.3rem;
		background-color: pink;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		overflow: hidden;
		position: relative;
		margin-top: 0.224rem;
		margin-left: 0.23rem;
		transform: rotate(30deg);
		-ms-transform:rotate(30deg); 	/* IE 9 */
		-moz-transform:rotate(30deg); 	/* Firefox */
		-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
		-o-transform:rotate(30deg); 	/* Opera */
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		perspective: 1000;
	}
	.skell {
		position: absolute;
		width:3.15rem;
		height: 3.15rem;
		transform-origin: right bottom;
	}
	.skell img {
		width: 1rem;
		height: 1rem;
		transform: rotate(180deg) skewY(0deg);
	}
	.skell .skell-img-box {
		position: absolute;
		top: 1.3rem;
		left: 1.16rem;
		width: 1.3rem;
		height: 1.2rem;
		padding-left: 0.18rem;
		-webkit-transform: skewY(-30deg) rotate(-30deg);
		transform: skewY(-30deg) rotate(-30deg);
		text-align: center;
	}
	.skell-img-box .skell-img {
		opacity: 0;
	}
	.skell .skell-img-box p {
		padding-left: 0.1rem;
	}
	.skell .skell-img-box img {
			width: 1.3rem;
			height: 1.3rem;
			-webkit-transform:rotate(0deg);
			transform:rotate(0deg);
			margin-top: 0.05rem;
	}
	.skellOne {
		background: #f7c800;
		transform: rotate(0deg) skewY(30deg);
	}
	.skellTwo {
		background: #fef6b4;
		transform: rotate(60deg) skewY(30deg);
	}
	.skellThree {
		background: #f7c800;
		transform: rotate(120deg) skewY(30deg);
	}
	.skellFour {
		background: #fef6b4;
		transform: rotate(180deg) skewY(30deg);
	}
	.skellFive {
		background: #f7c800;
		transform: rotate(-120deg) skewY(30deg);
	}
	.skellSix {
		background: #fef6b4;
		transform: rotate(-60deg) skewY(30deg);
	}
	#startBtn {
		width: 2rem;
		height: 2rem;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 1;
		background: url('//static.adbaitai.com/game/dzp/startBtn.png')no-repeat center/100% 100%;
	}
	#startBtn.disabled {
			background-image: url(//yun.duiba.com.cn/tuia-media/img/t82w4q8it7.png?x-oss-process=image/format,webp) !important;
	}
	#bannerImg {
		opacity: 0;
	}
	</style>
</head>
<body style="overflow-x:hidden;">
	<input type="hidden" id="refreshed" value="no">
	<div class="bgcontainer">
		<div class="top-banner">
			<img id="bannerImg" data-src="//static.adbaitai.com/game/Theme/One/QQ20170704-101056@2x.png" alt="">
		</div>
		<div class="top-count-title"><p>今天剩余&nbsp;<span style="color:#fff;font-size:17px;" id="allClickNum">0</span>&nbsp;次免费</p></div>
		<div class="banner">
			<div class="turnplate" id="turnplateBox" style="width:6.75rem; height:6.75rem">
				<div id="circle" class="canvasRotate">
        <div class="skell skellOne" data-id=15 data-type="thankes">
          <div class="skell-img-box">
            <p>神秘礼包</p>
            <img class="skell-img skell-img-one" data-src="//static.adbaitai.com/cow/2017/04/12/120w_121h_DCDD71491966728_origin.png" alt="">
          </div>
        </div>
        <div class="skell skellTwo" data-id=16>
          <div class="skell-img-box">
            <p>现金红包</p>
            <img class="skell-img skell-img-two" data-src="//static.adbaitai.com/cow/2017/04/12/120w_121h_DCDD71491966728_origin.png"  alt="">
          </div>
        </div>
        <div class="skell skellThree" data-id=17>
          <div class="skell-img-box">
            <p>二元优惠券</p>
            <img class="skell-img skell-img-three" data-src="//static.adbaitai.com/cow/2017/04/12/120w_121h_DCDD71491966728_origin.png" alt="">
          </div>
        </div>
        <div class="skell skellFour" data-id=18>
          <div class="skell-img-box">
            <p>十元优惠券</p>
            <img class="skell-img skell-img-four" data-src="//static.adbaitai.com/cow/2017/04/12/120w_121h_DCDD71491966728_origin.png" alt="">
          </div>
        </div>
        <div class="skell skellFive" data-id=19>
          <div class="skell-img-box">
            <p>谢谢参与</p>
            <img class="skell-img skell-img-five" data-src="//static.adbaitai.com/game/Theme/One/2cRDz1489656324901.png" alt="">
          </div>
        </div>
        <div class="skell skellSix" data-id=20>
          <div class="skell-img-box">
            <p>现金奖</p>
            <img class="skell-img skell-img-six" data-src="//static.adbaitai.com/cow/2017/04/12/120w_121h_DCDD71491966728_origin.png" alt="">
          </div>
        </div>
      </div>
				<img class="pointer" id="dzpBtn" style='opacity:0;'/>
			</div>
  	</div>
		</div>

		<!-- 弹出层 -->
		<div class="cover" id="stcover"></div>

	</div>

	<!-- 转盘列表商品图片 -->
	<div class="hiddenImg" id="hiddenImg"></div>

	<script  type="text/html" id="coverOtherTemplate">
		<div class="contentBoxTwo">
			<div class="content-closeBtn" onclick="closeCover(6)"></div>
			<p class="content-title">{{lottery.rewardPicDescription}}</p>
			<div class="show-goods-img" onclick="closeCover(11)">
				<i class="img-border-item img-border-top img-border-item1"></i>
				<i class="img-border-item img-border-top img-border-item2"></i>
				<i class="img-border-item img-border-top img-border-item3"></i>
				<i class="img-border-item img-border-top img-border-item4"></i>
				<i class="img-border-item img-border-top img-border-item5"></i>
				<i class="img-border-item img-border-top img-border-item6"></i>
				<i class="img-border-item img-border-top img-border-item7"></i>
				<i class="img-border-item img-border-top img-border-item8"></i>
				<i class="img-border-item img-border-top img-border-item9"></i>
				<i class="img-border-item img-border-top img-border-item10"></i>
				<i class="img-border-item img-border-top img-border-item11"></i>
				<i class="img-border-item img-border-top img-border-item12"></i>
				<i class="img-border-item img-border-top img-border-item13"></i>
				<i class="img-border-item img-border-top img-border-item14"></i>
				<i class="img-border-item img-border-top img-border-item15"></i>
				<i class="img-border-item img-border-top img-border-item16"></i>
				<i class="img-border-item img-border-top img-border-item17"></i>
				<i class="img-border-item img-border-top img-border-item18"></i>
				<i class="img-border-item img-border-top img-border-item19"></i>
				<i class="img-border-item img-border-top img-border-item20"></i>
				<i class="img-border-item img-border-top img-border-item21"></i>
				<i class="img-border-item img-border-top img-border-item22"></i>
				<i class="img-border-item img-border-top img-border-item23"></i>
				<i class="img-border-item img-border-top img-border-item24"></i>
				<i class="img-border-item img-border-top img-border-item25"></i>
				<i class="img-border-item img-border-top img-border-item26"></i>
				<i class="img-border-item img-border-bottom img-border-item1"></i>
				<i class="img-border-item img-border-bottom img-border-item2"></i>
				<i class="img-border-item img-border-bottom img-border-item3"></i>
				<i class="img-border-item img-border-bottom img-border-item4"></i>
				<i class="img-border-item img-border-bottom img-border-item5"></i>
				<i class="img-border-item img-border-bottom img-border-item6"></i>
				<i class="img-border-item img-border-bottom img-border-item7"></i>
				<i class="img-border-item img-border-bottom img-border-item8"></i>
				<i class="img-border-item img-border-bottom img-border-item9"></i>
				<i class="img-border-item img-border-bottom img-border-item10"></i>
				<i class="img-border-item img-border-bottom img-border-item11"></i>
				<i class="img-border-item img-border-bottom img-border-item12"></i>
				<i class="img-border-item img-border-bottom img-border-item13"></i>
				<i class="img-border-item img-border-bottom img-border-item14"></i>
				<i class="img-border-item img-border-bottom img-border-item15"></i>
				<i class="img-border-item img-border-bottom img-border-item16"></i>
				<i class="img-border-item img-border-bottom img-border-item17"></i>
				<i class="img-border-item img-border-bottom img-border-item18"></i>
				<i class="img-border-item img-border-bottom img-border-item19"></i>
				<i class="img-border-item img-border-bottom img-border-item20"></i>
				<i class="img-border-item img-border-bottom img-border-item21"></i>
				<i class="img-border-item img-border-bottom img-border-item22"></i>
				<i class="img-border-item img-border-bottom img-border-item23"></i>
				<i class="img-border-item img-border-bottom img-border-item24"></i>
				<i class="img-border-item img-border-bottom img-border-item25"></i>
				<i class="img-border-item img-border-bottom img-border-item26"></i>
				<img src="{{lottery.rewardPicUrl}}" alt="" />
			</div>
			<div class="content-goods-detail-title">{{lottery.rewardDescription}}</div>
			<!-- <p class="validity-date">有效期:&nbsp;{{lottery.endValid}}</p> -->
			<a class="content-clickBtn" href="javascript:void(0)" target="_blank" onclick="closeCover(11)">{{lottery.buttonText}}</a>
			<!-- <a class="content-linkToSeeDetail" href="javascript:void(0)" target="_blank" onclick="closeCover(12)">点击查看使用详情 >></a> -->
		</div>
	</script>

	<!-- 弹窗 -->
	<script type="text/html" id="coverTemplate">
		<div class="contentBox">
			<img class="cover-goods-img" src="{{lottery.rewardPicUrl}}" alt="" />
			<p id="goods-info">{{lottery.rewardPicDescription}}</p>
			{{if lottery.rewardTitle}}
			<h3 class="cover-goods-title">{{lottery.rewardTitle}}</h3>
			{{/if}}
			{{if lottery.rewardDescription}}
			<p id="goods-news">{{lottery.rewardDescription}}</p>
			{{else}}
			<div id="tipToyouBox">
				<div id="priceTip"><span id="rmbtip">¥</span><span id="youhuitbActivityPrice">{{lottery.tbActivityPrice}}</span></span><span id="tipToyoupricetip">优惠券</span></div>
				<a id="tipToyou" href="{{lottery.skipUrl}}" onclick="closeCover(1)">{{lottery.buttonText}}</a>
			</div>
			{{/if}}
			<div class="cover-close-btn" onclick="closeCover(6)"></div>
			<div class="btm-btn-box">
				{{if lgUrl}}
				<a id="go-btn" href="javascript:void(0);" onclick="closeCover(1, '{{lgUrl}}')" class="clickNow">立即抢券&nbsp;>></a>
				{{else}}
				<a id="go-btn" href="javascript:void(0)" onclick="closeCover(0)">再试一次</a>
				{{/if}}
			</div>
		</div>
	</script>
	<!-- 免单的弹出层 -->
	<script type="text/html" id="freeTemplate">
		<div class="contenthb">
			<div class="hb-close-btn" onclick="closeCover()"></div>
			<img src="//static.adbaitai.com/game/dzp/hbOutlayer.png" alt="">
			<div class="priceTitleBox">
				<span class="priceTitle">恭喜获得免单资格！</span>
			</div>
			<div class="test">兑换码:&nbsp;<span class="showPersonId">{{lottery.exchange}}</span>&nbsp;<span class="linkToAdmin">联系群主领取</span></div>
			<a class="clickjumpbtn" href="{{lgUrl}}"></a>
		</div>
	</script>

	<!-- 抽奖次数用完 -->
	<script type="text/html" id="noFrequencyTemp">
		<div class="contentBoxThreee">
			<div class="closeNoFrequencyBtn" onclick="closeCover()"></div>
			<a href="{{attribute.lgUrl}}" id="contentBoxThreeeLink" onclick="closeCover(1)">
				<img src="//static.adbaitai.com/game/dzp/nofrequencyout.png" alt="">
			</a>
		</div>
	</script>

	<!-- 红包的弹出层 -->
	<script type="text/html" id="hbTemplate">
		<div class="contenthb">
			<div class="hb-close-btn" onclick="closeCover()"></div>
			<img src="//static.adbaitai.com/game/dzp/hbOutlayer.png" alt="" />
			<div class="priceTitleBox">
				<span class="priceTitle">{{lottery.money}}.00</span>元现金红包
			</div>
			<div class="test">兑换码:&nbsp;<span class="showPersonId">{{lottery.exchange}}</span>&nbsp;<span class="linkToAdmin">联系群主领取</span></div>
			<a class="clickjumpbtn" href="{{lgUrl}}"></a>
		</div>
	</script>

	<!-- 数据统计 -->
	<script type="text/javascript" src="//static.adbaitai.com/game/Js/zepto.min.js"></script>

	<script>
		//异步延迟加载样式
		window.onload = function() {
			$('.skell-img').forEach(function(item){
				$(item).attr('src', $(item).attr('data-src'));
			});
			$('.skell-img').css('opacity', '1');
			$('#dzpBtn').attr('src', '//static.adbaitai.com/game/dzp/startBtn.png');
			$('#dzpBtn').css('opacity', '1');
			var link = $('<link />');
			link.attr('href', '//gamepre.adbaitai.com/gamedzp/css/style.css?v=201721234312');
			link.attr('rel', 'stylesheet');
			link.appendTo($('head'));
			var s = document.createElement('script'),
					 k = document.createElement('script'),
					 j = document.createElement('script'),
					 m = document.createElement('script');
			s.src = '//static.adbaitai.com/game/Js/template.js';
			document.body.appendChild(s);
			k.src = './js/awardRotate.js?v=201721234312';
			document.body.appendChild(k);
			j.src = './js/main.js?v=201721234312';
			document.body.appendChild(j);
			m.src = '//static.adbaitai.com/game/Js/qqstats.js';
			$(m).attr('name', 'MTAH5');
			$(m).attr('sid', '500415950');
			$(m).attr('cid', '500415963');
			document.body.appendChild(m);
			$('#bannerImg').attr('src', $('#bannerImg').attr('data-src'));
			$('#bannerImg').css('opacity', '1');
		};
	</script>
</body>
</html>
